﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tools.aspx.cs" Inherits="HandLab.WebApp.mootools.tools" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="x-ua-compatible" content="ie=8" />
    <title></title>
    <script type="text/javascript" src="../Scripts/mootools-1.2.5-core-yc.js"></script>
    <script type="text/javascript" src="../Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
       var jq= jQuery.noConflict();

       alert(jq("test1"));
        var Animal = new Class({
            initialize: function (name) {
                this.name = name;
            }
        });

        var Cat = Animal.extend({
            initialize: function (name, age) {
                this.parent(name);
                this.age = age;
            }
        });


        window.addEvent('domready', function () {
            var cat = new Cat("kitty", "11");
            alert(cat.name);
            alert(cat.age);
            var t = $('test1');
            alert(t.id);
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="text" id="test1" />
    </div>
    </form>
</body>
</html>
